<template>
	<view>
		<u-navbar title-color="#333" title-bold title-size="36" title="支付成功" :border-bottom="false"
			:background="{backgroundColor: '#ffffff'}"></u-navbar>
		
		<view class="">
			<view class="s-top text_center">
				<image class="s2" src="../../../../static/img/home/s2.png" mode=""></image>
				<view class="u-font-36 u-m-t-20 font_weight">
					恭喜成案
				</view>
				<!-- <view class="u-m-t-20">
					感谢您的信任
				</view> -->
			</view>
			<view class=" dd-xx">
				<view class="">
					订单编号：2222222222
				</view>
				<view class="u-m-t-36">
					成案时间：2022-03-29 13：24：69
				</view>
				<view class="u-m-t-36">
					支付方式：线索包
				</view>
				<view class="u-m-t-36">
					获得积分：下单获得5积分
				</view>
			</view>
			<view class=" flex flex_sb u-m-t-80 u-p-l-32 u-p-r-32">
				<view class="btn2" @click="tabc">
					查看订单
				</view>
				<view class="btn1" @click="tabc">
					开始服务
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			tabc(){
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	.btn1{
		width: 332rpx;
		height: 92rpx;
		background: linear-gradient( 180deg, #FA2D2D 0%, #F40000 100%);
		border-radius: 46rpx 46rpx 46rpx 46rpx;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 92rpx;
		text-align: center;
		
	}
	.btn2{
		width: 332rpx;
		height: 92rpx;
		background: #FFFFFF;
		border-radius: 46rpx 46rpx 46rpx 46rpx;
		border: 2rpx solid #B4B4B4;
		font-size: 32rpx;
		color: #000;
		line-height: 92rpx;
		text-align: center;
		
	}
	.s-top{
		width: 750rpx;
		height: 340rpx;
		background: #FFFFFF;
		padding: 70rpx 32rpx 40rpx;
		.s2{
			width: 150rpx;
			height: 114rpx;
			margin: 0 auto;
		}
	}
	.dd-xx{
		padding: 36rpx 72rpx ;
	}
	.btn13{
		width: 608rpx;
		height: 80rpx;
		background: linear-gradient( 180deg, #FA2D2D 0%, #F40000 100%);
		border-radius: 46rpx 46rpx 46rpx 46rpx;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
		margin: 30rpx auto;
	}
</style>
